<!-- 信息上传 / 查看详情页 -->
<template>
<section class="view-detail">
    <!-- 客户基础信息 -->
    <baseInfo :accountBillData="accountBillData"/>

    <section class="common-text-block-section">
        <el-tabs v-model="activeTabName">
            <el-tab-pane label="核对结果" name="first">
                <checkResult :accountBillData="accountBillData"/>
            </el-tab-pane>
            <el-tab-pane label="编辑信息" name="second">
                <editInfo :accountBillData="accountBillData"/>
            </el-tab-pane>
        </el-tabs>
    </section>
</section>
</template>
<script>
import baseInfo from '../components/baseInfo';
import checkResult from './checkResult';
import editInfo from './editInfo';

export default {
    components: {
        baseInfo,
        checkResult,
        editInfo
    },
    data() {
        const str = localStorage.getItem('currentAccountBill');
        const data = JSON.parse(str);

        return {
            accountBillData: data,
            activeTabName: 'first'
        };
    },
    mounted() {
        
    }
}
</script>
<style lang="less" scoped>
.view-detail {
    padding: 0 10px;
}
</style>